<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%String contextRoot = request.getContextPath();%>
<f:loadBundle basename="properties.messages" var="msg"/>
<f:view>
<!doctype html>
<html>
<head>
	<%@ include file="include/meta.jsp" %>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  	<title>SISDEP : Sistema de Informaci<h:outputText value="#{msg.tilde_o}" />n de Espacio P<h:outputText value="#{msg.tilde_u}" />blico</title>
	<meta name="description" content=""/>
	<meta name="author" content=""/>		     
	<link rel="stylesheet" href="<%=contextRoot%>/css/validationEngine.jquery.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/template.css" type="text/css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/normalize.css">
	<link rel="stylesheet" href="<%=contextRoot%>/css/uniform.css"> <!-- estilos formularios -->
	<link rel="stylesheet" href="<%=contextRoot%>/css/cuerpo.css">	
	<link rel="stylesheet" href="<%=contextRoot%>/css/richCustom.css">	
</head>
<body>
<div id="marco"> <!--inicio contenedor --> 
<div class="arriba-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
<div class="cuerpo">
<a href="<%=contextRoot%>/index.jsf"><img src="<%= contextRoot %>/images/logos.png" /></a>
<div class="clear"></div>
<!-- Menu y Usuario init() -->
	<%@ include file="include/menuUsuario.jsp" %>
<!-- Menu y Usuario end() -->
<div class="clear"></div>
<!-- Formulario --> 
<div id="buscador">
<h2>Consulta de Estudio Socio Econ<h:outputText value="#{msg.tilde_o}" />mico Visita Domiciliaria</h2>
	<h:form id="estVisitaDomiciliariaSearchForm">
		<h:inputHidden id="idEstSocioEconomico"  
			value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.idESocioEconomico}"/>
		<h:inputHidden id="idPersonaVisita" 
			value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.idPersonaVisita}" />
		
		<div id="estVisitaDomiciliariaSearchFormContainer" style="display:block;">

			<span class="left">
				<label>Tipo Visita <span class="asterisco">*</span></label>
					<h:selectOneMenu id="idTipoVisita" styleClass="validate[required]" value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.idTipoVisita}">
                    	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
	                    <f:selectItems value="#{masterListCache.homeEvaluationMeetingType}"/>
	                </h:selectOneMenu>
			</span>
			
			<span class="left" style="margin-left:10px">
				<label>Estado <span class="asterisco">*</span></label>
					<h:selectOneMenu id="estado" styleClass="validate[required]" value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.estado}">
	                	<f:selectItem itemLabel="Seleccione..." itemValue=""/>
						<f:selectItem itemLabel="PENDIENTE ASIGNACION" itemValue="PENDIENTE_ASIGNACION"/>
						<f:selectItem itemLabel="EN PROCESO" itemValue="EN_PROCESO"/>
						<f:selectItem itemLabel="PENDIENTE CONCEPTO" itemValue="PENDIENTE_CONCEPTO"/>
						<f:selectItem itemLabel="SIN CONCEPTO" itemValue="SIN_CONCEPTO"/>
						<f:selectItem itemLabel="FINALIZADA" itemValue="FINALIZADA"/>
	                </h:selectOneMenu>
			</span>
		
		<div class="clear" style="margin-left: 400px;"><br/></div>


		<span class="left" style="margin-left: 0px;">
			<label>Persona asignada</label>
		</span>

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left: 0px;">
		<label>Tipo Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label>							
			<h:selectOneMenu id="idTipoIdentificacionStr" styleClass="validate[required]" value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.persona.idTipoIdentificacionStr}">
				<f:selectItem itemLabel="Seleccione..." itemValue=""/>
				<f:selectItems value="#{masterListCache.classIdentificationForFilingType}"/>
            </h:selectOneMenu>
		</span>

		<span class="left" style="margin-left: 100px;">
		<label>Identificaci<h:outputText value="#{msg.tilde_o}" />n <span class="asterisco">*</span></label> 
			<h:inputText id="identificacion" size="20" maxlength="20"
			styleClass="validate[required]" value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaSearch.persona.identificacion}" />
		</span>
		
		<span class="left" style="margin-left: 10px;">
		<label> &nbsp; </label> 
			<a4j:commandButton id="checkPersonaButton"
							 styleClass="botonsmall"
			                 type="submit" 
			                 value="Verificar..." ajaxSingle="true" 
			                 ondblclick="return false;" reRender="checkPersonaPanel"
	                         action="#{estVisitaDomiciliariaController.checkPersonaAsignada}" >
	                         <a4j:actionparam name="tipoIdentificacionParam" value="document.getElementById('estVisitaDomiciliariaSearchForm:idTipoIdentificacionStr').value" 
	                                          assignTo="#{estVisitaDomiciliariaController.personaAsignada.idTipoIdentificacionStr}" noEscape="true" />
	                         <a4j:actionparam name="identificacionParam" value="document.getElementById('estVisitaDomiciliariaSearchForm:identificacion').value" 
	                                          assignTo="#{estVisitaDomiciliariaController.personaAsignada.identificacion}" noEscape="true" />
			</a4j:commandButton>
		</span>						

		<div class="clear" style="margin-left: 400px;"></div>

		<span class="left" style="margin-left:0px"><label>
		<a4j:outputPanel id="checkPersonaPanel" layout="block">
			<h:panelGrid columns="1" style="text-align: left; width: 400px;" styleClass="tablapaginacion" >
			<h:outputText value="Persona Asignada: #{estVisitaDomiciliariaController.personaAsignada.primerNombre}    #{estVisitaDomiciliariaController.personaAsignada.segundoNombre}    #{estVisitaDomiciliariaController.personaAsignada.primerApellido}    #{estVisitaDomiciliariaController.personaAsignada.segundoApellido}" />
                     </h:panelGrid>
                    </a4j:outputPanel>
                    </label>
		</span>
		</div>
		<div class="clear"><br/></div>
		(<span class="asterisco"> * </span>) : Campo Obligatorio
		<div class="clear"><br/></div>
		<span class="left inline" style="margin-left: 0px;">
			<h:commandButton id="estVisitaDomiciliariaSearchButton"
					styleClass="botonsmall"
                    type="submit"
                    value="Buscar"
                    ondblclick="return false;"
                    action="#{estVisitaDomiciliariaController.searchEstVisitaDomiciliariaByKey}" >
            </h:commandButton>
        </span>
	</h:form>
	<div>
		<h:form id="estVisitaDomiciliariaCreateForm">
		    <span class="left inline" style="margin-left: 160px;">
		    	<h:commandButton id="createestVisitaDomiciliariaButton"
							 styleClass="botonsmall"
	                                     type="submit" 
	                                     value="Nuevo" 
	                                     ondblclick="return false;" 
	                                     action="#{estVisitaDomiciliariaController.createEstVisitaDomiciliaria}" >
	            </h:commandButton>
	        </span>
	    </h:form>                    
    </div>
</div>
<!-- Fin formulario --> 
<div class="clear"></div>
<!-- tabla --> 
<div>
<h:form id="estVisitaDomiciliariaResultsForm">		
	<div class="clear"><br/><br/>
	<label>Resultados de la Consulta de Estudio Socio Econ<h:outputText value="#{msg.tilde_o}" />mico Visita Domiciliaria:</label>
	  <rich:dataTable id="estVisitaDomiciliariaData" styleClass="scrollerTable" headerClass="standardTable_Header"
                border="0" cellpadding="3" cellspacing="1" 
                footerClass="standardTable_Header" rowKeyVar="rowIndex"
                rowClasses="tablamultiregistrotr1,tablamultiregistrotr2"
                onRowMouseOver="this.style.backgroundColor='#C0C0C0'"
			    onRowMouseOut="this.style.backgroundColor='#FFFFFF'"
                var="estVisitaDomiciliariaRow" value="#{estVisitaDomiciliariaController.estVisitaDomiciliariaListModel}"
                rows="10" >
           <h:column>
               <f:facet name="header">
                  <h:outputText value="EDITAR" />
               </f:facet>
                   <a4j:commandLink id="updateEstVisitaDomiciliaria" styleClass="formTextLink"
                                  title="Ver Detalle..."				                                   
                                  action="#{estVisitaDomiciliariaController.updateEstVisitaDomiciliaria}" reRender="groupTable">
                       <f:param name="estVisitaDomiciliariaDataIndex" value="#{rowIndex}" />
                       <h:graphicImage value="/images/edit_icon.png" style="border: 0px solid #FFFFFF;" />
                   </a4j:commandLink>
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Tipo Visita" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.idTipoVisitaNombre}" />
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Persona Visita" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.persona.idTipoIdentificacionNombre} - #{estVisitaDomiciliariaRow.persona.identificacion} - #{estVisitaDomiciliariaRow.persona.primerNombre} - #{estVisitaDomiciliariaRow.persona.segundoNombre} - #{estVisitaDomiciliariaRow.persona.primerApellido} - #{estVisitaDomiciliariaRow.persona.segundoApellido}" />
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Estado" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.estado}" />
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Hora Asignacion" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.horaAsignacion}" />
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Usuario Modifica" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.usuarioModifica}" />
           </h:column>
           <h:column>
               <f:facet name="header" ><h:outputText value="Fecha Modifica" /></f:facet>
               <h:outputText value="#{estVisitaDomiciliariaRow.fechaModifica}" />
           </h:column>
        </rich:dataTable>
        <h:panelGrid columns="1" styleClass="tablapaginacion"
                           columnClasses="standardTable_ColumnCentered" >
            <rich:datascroller id="estVisitaDomiciliariaScroll"
                    for="estVisitaDomiciliariaData"
                    fastStep="10"
                    pageIndexVar="pageIndex"
                    styleClass="scroller"
                    maxPages="9" >
                <f:facet name="first" >
                    <h:graphicImage url="/images/arrow-first.gif" />
                </f:facet>
                <f:facet name="last">
                    <h:graphicImage url="/images/arrow-last.gif" />
                </f:facet>
                <f:facet name="previous">
                    <h:graphicImage url="/images/arrow-previous.gif" />
                </f:facet>
                <f:facet name="next">
                    <h:graphicImage url="/images/arrow-next.gif" />
                </f:facet>
                <f:facet name="fastforward">
                    <h:graphicImage url="/images/arrow-ff.gif" />
                </f:facet>
                <f:facet name="fastrewind">
                    <h:graphicImage url="/images/arrow-fr.gif" />
                </f:facet>
            </rich:datascroller>
        </h:panelGrid>					        
	</div>
</h:form>
<div class="clear" style="margin-left: 400px;"></div>
		<h:form id="estVisitaDomiciliariaCancelForm">
		    <span class="left inline" style="margin-left: 100px;">
		    	<h:commandButton id="cancelestVisitaDomiciliariaOpcionButton"
							 styleClass="botonsmall"
	                                     type="submit" 
	                                     value="Volver al menu Est. Socio Econ#{msg.tilde_o}mico" 
	                                     ondblclick="return false;" 
	                                     action="#{estVisitaDomiciliariaController.cancelEstVisitaDomiciliariaOpcion}" >
	            </h:commandButton>
	        </span>
	    </h:form>                    
	<div id="containerError" style="display:block;">
		<span class="botones left"><h:messages style="font-weight: bold; color: #FF0000;" /></span>
	</div>
</div>
<!-- Fin tabla --> 
<div class="clear"></div>
</div>
<div class="abajo-cuerpo"></div> <!-- Burrada pa ver borde redondo en IE -->
</div> <!-- Fin contenedor -->
<div class="footer"></div>
<script src="<%=contextRoot%>/js/jquery/lib/jquery-1.7.2.min.js"></script><!-- De ser 1ro -->
<script src="<%=contextRoot%>/js/script.js" type="text/javascript"></script><!-- De ser 2do -->
<script src="<%=contextRoot%>/js/jquery/lib/jquery.uniform.min.js"></script> <!-- formularios --> 
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery/lib/jquery.validationEngine-es.js" type="text/javascript" charset="utf-8"></script>
<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js" type="text/javascript"></script> <!-- Quitar si no se usan fechas -->
<script src="<%=contextRoot%>/js/sisdep.js" type="text/javascript"></script> <!-- Quitar si no se usan funciones custom -->
<script type="text/javascript">
jQ(document).ready(function() {
	jQ("input, select, input:checkbox, input:radio, input:file").uniform();
	jQ("#estVisitaDomiciliariaSearchForm").validationEngine('attach');
	jQ("#estVisitaDomiciliariaSearchForm").bind("jqv.form.result", function(event, errorFound) {
        if(!errorFound) displayLoadingImage();
    });
});
</script>
<%@ include file="include/validationStatus.jsp" %>
<%@ include file="include/modalMessageWindow.jsp" %>	
</body>
</html>
</f:view>
